<?php
?>
<link rel="stylesheet" href="styles.css" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
.listView-container {
	width: <?php echo $this->galleryWidth; ?>px;
}
.listView-image {
	height: <?php echo $this->maxListHeight; ?>px;
	width: <?php echo $this->maxListWidth; ?>px;
}
/*]]>*/
</style>
<div class="listView-container">
	<div class="listView-galleryTitle">
		<?php echo $this->gallery->galleryTitle; ?>
	</div>
	<?php
		foreach ($imageArray as $imageName) {
	?>
	<div class="listView-imageWrap">
		<div class="listView-image">
            <?php   echo '<a href="' . $singleViewURL . '?view=single&gallery=' . urlencode($this->gallery->galleryName) . '&image=' . urlencode($imageName) . '">';
			        echo '<img src="image.php?image=' . urlencode($imageName) . '&gallery=' . urlencode($this->gallery->galleryName) . '&maxW=' . $this->maxListWidth . '&maxH=' . $this->maxListHeight . '" border=0 />';
                    echo '</a>';
             ?>
		</div>
		<div class="listView-caption">
			<?php echo $this->gallery->image2captionArray[$imageName]; ?>
		</div>
	</div>
	<?php
		}
	?>
	<div class="clear"></div>
	<?php echo $pageBrowserHTML; ?>
</div>